<template>
  <div id="gmList"> 

      <el-table :data="data" style="width: 100%" :height="dtheight" :header-cell-style="{background:'#4F81BC',color:'white'}"
        :row-class-name="tableRowClassName"  :border="true">

                <el-table-column label="调控时间"  align='center' >                   
                    <template slot-scope="scope">                   
                        <span >{{ scope.row.time  }}</span>
                    </template>
                </el-table-column>
                 <el-table-column label="调控价值"  align='center' >                   
                    <template slot-scope="scope">  
                        <span v-if="scope.row.flag == 'IN'">+</span>   
                        <span  v-if="scope.row.flag == 'OUT'">-</span>            
                        <span>{{ scope.row.price }}</span>
                    </template>
                </el-table-column>

 
  
            </el-table>  
      

   </div>
</template>

<script>

export default {
  name: 'gmList',
   props:{
      data:{  
        //type:Array,
       default:()=>[]
     },
  },
  data () {
    return {
     dtheight:'500',  //窗口高度

    }
  },
   components:{

  },
  created(){
     this.dtheight = window.innerHeight - 253

  },
  mounted (){
    
  },
  methods: {

  }
}
</script>


<style scoped>
.mytitle{
    height: 50px;
}
.mytitle_item{
    display: flex;
    align-items: center;
}
.mytitle_item::before{
  content:'';
  width: 5px;
  height: 15px;
  background: #409EFF;
  display: block;
  margin-right: 5px;
}
</style>